<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2018/7/12
  Time: 17:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="container-fluid">
    <div class="panel">
        <div class="panel-heading">
            <div class="panel-title">多选和单选框</div>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-4">
                    <!-- Example Checkboxes -->
                    <div class="example-wrap">
                        <h4>多选框</h4>
                        <p>样式为<code>.checkbox-custom</code></p>
                        <div class="checkbox-custom checkbox-primary">
                            <input type="checkbox" id="inputUnchecked">
                            <label for="inputUnchecked">未选中</label>
                        </div>
                        <div class="checkbox-custom checkbox-primary">
                            <input type="checkbox" id="inputChecked" checked="">
                            <label for="inputChecked">选中</label>
                        </div>
                        <div class="checkbox-custom">
                            <input type="checkbox" disabled="">
                            <label>不可选时未选中</label>
                        </div>
                        <div class="checkbox-custom">
                            <input type="checkbox" disabled="" checked="">
                            <label>不可选时选中</label>
                        </div>
                    </div>
                    <!-- End Example Checkboxes -->
                </div>

                <div class="col-md-4">
                    <!-- Example Radios -->
                    <div class="example-wrap">
                        <h4>单选框</h4>
                        <p>样式为<code>.radio-custom</code></p>
                        <div class="radio-custom radio-primary">
                            <input type="radio" id="inputRadiosUnchecked" name="inputRadios">
                            <label for="inputRadiosUnchecked">未选中</label>
                        </div>
                        <div class="radio-custom radio-primary">
                            <input type="radio" id="inputRadiosChecked" name="inputRadios" checked="">
                            <label for="inputRadiosChecked">选中</label>
                        </div>
                        <div class="radio-custom radio-primary">
                            <input type="radio" id="inputRadiosDisabled" name="inputRadiosDisabled" disabled="">
                            <label for="inputRadiosDisabled">不可选时未选中</label>
                        </div>
                        <div class="radio-custom radio-primary">
                            <input type="radio" id="inputRadiosDisabledChecked" name="inputRadiosDisabledChecked" disabled="" checked="">
                            <label for="inputRadiosDisabledChecked">不可选时选中</label>
                        </div>
                    </div>
                    <!-- End Example Radios -->
                </div>

                <div class="col-md-4">
                    <!-- Example Color Options -->
                    <div class="example-wrap">
                        <h4 class="example-title">多色</h4>
                        <p>样式为<code>.checkbox-default</code>,
                            <code>.checkbox-primary</code>,
                            <code>.checkbox-success</code>,
                            <code>.checkbox-info</code>,
                            <code>.checkbox-warning</code>,
                            <code>.checkbox-danger</code></p>
                        <p>
                        <div class="checkbox-custom checkbox-inline">
                            <input type="checkbox" name="inputCheckboxes" checked="">
                            <label></label>
                        </div>
                        <div class="checkbox-custom checkbox-default checkbox-inline">
                            <input type="checkbox" name="inputCheckboxes" checked="">
                            <label></label>
                        </div>
                        <div class="checkbox-custom checkbox-primary checkbox-inline">
                            <input type="checkbox" name="inputCheckboxes" checked="">
                            <label></label>
                        </div>
                        <div class="checkbox-custom checkbox-success checkbox-inline">
                            <input type="checkbox" name="inputCheckboxes" checked="">
                            <label></label>
                        </div>
                        <div class="checkbox-custom checkbox-info checkbox-inline">
                            <input type="checkbox" name="inputCheckboxes" checked="">
                            <label></label>
                        </div>
                        <div class="checkbox-custom checkbox-warning checkbox-inline">
                            <input type="checkbox" name="inputCheckboxes" checked="">
                            <label></label>
                        </div>
                        <div class="checkbox-custom checkbox-danger checkbox-inline">
                            <input type="checkbox" name="inputCheckboxes" checked="">
                            <label></label>
                        </div>
                        </p>
                        <p>
                        <div class="radio-custom radio-inline">
                            <input type="radio" id="inputRadioNormal" name="inputRadiosNormal" checked="">
                            <label for="inputRadioNormal"></label>
                        </div>
                        <div class="radio-custom radio-default radio-inline">
                            <input type="radio" name="inputRadioDefault" checked="">
                            <label></label>
                        </div>
                        <div class="radio-custom radio-primary radio-inline">
                            <input type="radio" name="inputRadioPrimary" checked="">
                            <label></label>
                        </div>
                        <div class="radio-custom radio-success radio-inline">
                            <input type="radio" name="inputRadioSuccess" checked="">
                            <label></label>
                        </div>
                        <div class="radio-custom radio-info radio-inline">
                            <input type="radio" name="inputRadioInfo" checked="">
                            <label></label>
                        </div>
                        <div class="radio-custom radio-warning radio-inline">
                            <input type="radio" name="inputRadioWarning" checked="">
                            <label></label>
                        </div>
                        <div class="radio-custom radio-danger radio-inline">
                            <input type="radio" name="inputRadioDanger" checked="">
                            <label></label>
                        </div>
                        </p>
                    </div>
                    <!-- End Example Color Options -->
                </div>
            </div>
        </div>
    </div>
</div>
